<template>
  <!-- 顶部标题 -->
  <div class="module-box">
    <!-- 左侧细线 -->
    <div style="flex: 0 1 30%">
      <dv-decoration-10 style="height: 5px" />
    </div>
    <!-- 中间标题 -->
    <div style="flex: 0 1 40%">
      <div class="d-flex">
        <dv-decoration-8 style="height: 50px; flex: 1" />
        <div style="flex: 1">
          <dv-decoration-11 style="width: 200px; height: 60px"
            >智慧城市大屏可视化</dv-decoration-11
          >
        </div>
        <dv-decoration-8 :reverse="true" style="height: 50px; flex: 1" />
      </div>
    </div>
    <!-- 右侧细线 -->
    <div style="flex: 0 1 30%">
      <dv-decoration-10 style="height: 5px; transform: rotateY(180deg)" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'ModuleTitle'
}
</script>

<style></style>
